.notice-index {
	padding: 0 18px 10px 18px;
	font-family: PingFang_Bold;
	
	.button-group {
		display: flex;
		align-items: center;
		justify-content: center;
		padding: 30rpx 0;
	
		.button {
			display: flex;
			align-items: center;
			padding: 8px 16px;
			cursor: pointer;
	
			&:nth-of-type(1) {
				margin-right: 10px;
			}
	
			&:nth-of-type(2) {
				margin-right: 10px;
				margin-left: 10px;
			}
			
			&:nth-of-type(3) {
				// margin-right: 0;
				margin-left: 10px;
			}
	
			.button-img {
				width: 5vw;
				height: 5vw;
			}
	
			.button-text {
				font-size: 15px;
				// font-weight: 600;
				font-family: PingFang_Bold;
			}
		}
	
		.active {
			background-color: #F5F5F5;
		}
	}
	
	.detail-content {
		
		.line {
			display: flex;
			align-items: center;
			justify-content: space-between;
			margin: 16px 0;
			// border-bottom: 2px solid #F4F4F5;
			// cursor: pointer;
			
			.line-left {
				display: flex;
				align-items: center;
				
				.image {
					width: 25vw;
					height: 25vw;
				}
				
				.left-content {
					margin-left: 26rpx;
					
					.line-title {
						color: #333333;
						font-size: 30rpx;
						// font-weight: 600;
						font-family: PingFang_Bold;
						margin-bottom: 6px;
					}
					
					.line-date {
						color: #cecece;
						font-size: 24rpx;
					}
				}
			}
			
			.line-right {
				
				.in {
					width: 4vw;
					height: 4vw;
				}
			}
		}
		
		.line-bottom {
			height: 2px;
			background-color: #F4F4F5;
		}
	}
}